<template>
  <UploadExcel :on-success="upload" />
</template>

<script>
import { importEmployees } from "@/api/employees";
export default {
  methods: {
    async upload(data) {
      // console.log("上传成功");
      // console.log(data);
      // data.header 就是表头
      // data.results 就是数据
      console.log("来源数据", data.results);
      const users = data.results.map((user) => {
        // 我假设已经写好了一个函数, 这个函数接收中文key用户对象
        // 返回英文key用户对象
        return this.zh2en(user);
      });
      console.log("目标结果", users);

      // 数据更换完毕
      // 发送请求
      await importEmployees(users);
      // 提醒用户
      this.$message.success("导入成功");
      // 回到员工页面
      this.$router.back();
    },

    zh2en(user) {
      const newUser = {};
      const dict = {
        入职日期: "timeOfEntry",
        手机号: "mobile",
        姓名: "username",
        转正日期: "correctionTime",
        工号: "workNumber",
      };
      for (const key in user) {
        // 遍历旧用户中文 key
        // 需要拿到对应英文 key 和 旧的 value
        // 一起放到新用户中
        const enKey = dict[key];
        // console.log(enKey);
        // 一般来说, 翻译时直接将 value 放入英文key即可
        // 但是特殊情况下, 比如日期, value 需要先经过转换
        const value = user[key];
        // console.log(value);
        if (enKey === "timeOfEntry" || enKey === "correctionTime") {
          // 转日期格式, 函数可以转字符串, 再交给 new Date() 形成日期对象
          newUser[enKey] = new Date(this.formatDateExcel(value, "/"));
        } else {
          // 正常使用 value 即可
          newUser[enKey] = value;
        }
      }
      return newUser;
    },
    formatDateExcel(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1);
      time.setYear(time.getFullYear() - 70);
      const year = time.getFullYear() + "";
      const month = time.getMonth() + 1 + "";
      const date = time.getDate() - 1 + "";
      if (format && format.length === 1) {
        return year + format + month + format + date;
      }
      return (
        year +
        (month < 10 ? "0" + month : month) +
        (date < 10 ? "0" + date : date)
      );
    },
  },
};
</script>
<style>
</style>